<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=320, user-scalable=no" />
<title>刮大奖100%中奖</title>
</head>
<script type="text/javascript" src="/Public/wap/js/jquery-1.8.3.min.js"></script>
<script src="/Public/wap/js/flexible.js"></script>
<script type="text/javascript">
var match,
    scale,
    TARGET_WIDTH = 320;

if (match = navigator.userAgent.match(/Android (\d+\.\d+)/)) {
    if (parseFloat(match[1]) < 4.4) {
        if (TARGET_WIDTH == 320) TARGET_WIDTH++;
        var scale = window.screen.width / TARGET_WIDTH;
        document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=' + TARGET_WIDTH + ', initial-scale = ' + scale + ', target-densitydpi=device-dpi');
    }
} else {
    document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=' + TARGET_WIDTH);
}
</script>

<style type="text/css">
html, body { height: 100%; width: 100%; padding: 0; margin: 0; }
.layout { width: 100%; height:100%; max-width:320px; min-height:500px;  background: url(/Public/wap/img/choujiang/bg.png) top center no-repeat; background-size: cover; margin:0; padding:0; position:relative }
.rqq {padding:.6rem 0 0 2.5rem;}
.rqq img{ width:7rem; height:auto;}
.rqq { animation: rqq 3s infinite; }
 @-webkit-keyframes rqq {
0% {
transform:   translate(0, 0);
}
50% {
transform:  translate(0, -20px);
}
 100% {
transform:   translate(0, 0);
}
}
.rewardzone{ position:absolute; top:9.5rem; width:100%; text-align:center;}
#reward{ }

</style>

<body>
<div class="layout">
	<div class="rqq">
		<img src="/Public/wap/img/choujiang/rqq.png">
	</div>

	<div class="rewardzone">
	<div id="reward" style="display:inline-block; position:relative; ">
	</div></div>
</div>
<script type="text/javascript" src="/Public/wap/js/wScratchPad.js"></script>
<script type="text/javascript">
            $("#reward").wScratchPad({
                color: '#999',								  //覆盖的刮刮层的颜色
                image: 'http://www.baidu.com/img/bdlogo.gif', //刮奖结果图片
				image2: '/Public/wap/img/choujiang/img1.png', //覆盖结果图
                cursor: '',  								  //刮的笔刷图片
				width: '240',							      // set width - best to match image width
				height: 120						              // set height - best to match image height
            });
        </script>
</body>
</html>
